<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>美尚良品手机首页</title>
    <link rel="stylesheet" href="css/d_search.css" type="text/css" media="screen" charset="utf-8">
    <meta name="author" content="meishang">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">

    <link rel="stylesheet" type="text/css" href="css/mobile/base2013.css"  charset="gbk">
    <link rel="stylesheet" type="text/css" href="css/mobile/index.css"  charset="gbk">

    <script type="text/javascript">
        var _winLocation = window.location.href;//获得当前页面的路径，根据路径规则进行逐页替换
        var _isWebKit = '__proto__' in {};//是否是webkit内核
        if (_isWebKit) {//如果是webkit内核，则分模块使用zepto
            //要使用zeptojs的路径列表，可以做为分模块替换的开关
            var _locationList = new Array();
            //活动模块
            _locationList.push('/activity/proActList');
            _locationList.push('/activity/proActWareList');
            _locationList.push('/activity/list');
            //商品分类模块
            _locationList.push('/category/');
            //京东快讯模块
            _locationList.push('/newslist.html');
            _locationList.push('/newslist/');
            _locationList.push('/news/');
            //机票模块
            _locationList.push('/airline/');
            //酒店模块
            _locationList.push('/hotel/');
            //团购模块
            _locationList.push('/tuan/');
            //首页相关
            _locationList.push('/hotbrand.html');//品牌馆
            //商品筛选相关
            _locationList.push('/ware/expandSort.action');
            _locationList.push('/ware/categoryFilter.action');
            _locationList.push('/ware/search.action');
            _locationList.push('/products/');

            _locationList.push('/notice/');//通告模块
            _locationList.push('/coupons/');//随地惠模块
            _locationList.push('/chongzhi/');//手机充值模块
            _locationList.push('/comment/');//手机推荐模块
            _locationList.push('/pay/');//支付
            _locationList.push('/order/');//订单
            _locationList.push('/norder/');//订单
            var _needReplace = false;
            //如果当前路径符合要使用的路径规则，则进行替换
            for (var i = 0; i < _locationList.length; i++) {
                if (_winLocation.indexOf(_locationList[i]) != -1) {
                    _needReplace = true;
                    break;
                }
            }
            //如果是首页的话，则使用zepto
            var _tmp = _winLocation.replace(/(^http:\/\/)|(\/*$)/g, '');
            if (_tmp.indexOf('/') < 0 || (_tmp.split('/').length <= 2 && _tmp.indexOf('/index') >= 0)) {
                _needReplace = true;
            }
            //如果是商品详情页的话，则使用zepto
            var _dlocationList = new Array();
            _dlocationList.push(/\/product\/([0-9]+)\.html/);
            _dlocationList.push(/\/orderComment\/([0-9]+)\.html/);
            _dlocationList.push(/\/consultations\/([0-9]+)\.html/);
            _dlocationList.push(/\/consultations\/([0-9]+)-([0-9]+)\.html/);
            _dlocationList.push(/\/comments\/([0-9]+)\.html/);
            for (var i = 0, len = _dlocationList.length; i < len; i++) {
                if (_dlocationList[i].test(_winLocation)) {
                    _needReplace = true;
                    break;
                }
            }
            if (_needReplace) {
                document.write('<script src="js/mobile/zepto.min.js"><\/script>');
                document.write('<script type="text/javascript">window.jQuery=window.Zepto;<\/script>');
            } else {
                document.write('<script src="js/mobile/jquery-1.6.2.min.js"><\/script>');
            }
        } else {//如果是非webkit内核直接使用jquery
            document.write('<script src="js/mobile/jquery-1.6.2.min.js"><\/script>');
        }
    </script>
    <script src="js/mobile/zepto.js"></script>
    <script type="text/javascript">window.jQuery = window.Zepto;</script>
    <script type="text/javascript" src="js/mobile/common.js"></script>
    <script type="text/javascript" src="js/mobile/idangerous.swiper-2.1.min.js"></script>
    <script type="text/javascript" src="js/mobile/spin.js"></script>

    <script charset="utf-8" type="text/javascript" src="js/mobile/installapp.js"></script>
    <style class="firebugResetStyles" type="text/css" charset="utf-8">
        /* See license.txt for terms of usage */
        /** reset styling **/
        .firebugResetStyles {
            z-index: 2147483646 !important;
            top: 0 !important;
            left: 0 !important;
            display: block !important;
            border: 0 none !important;
            margin: 0 !important;
            padding: 0 !important;
            outline: 0 !important;
            min-width: 0 !important;
            max-width: none !important;
            min-height: 0 !important;
            max-height: none !important;
            position: fixed !important;
            transform: rotate(0deg) !important;
            transform-origin: 50% 50% !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            background: transparent none !important;
            pointer-events: none !important;
            white-space: normal !important;
        }

        style.firebugResetStyles {
            display: none !important;
        }

        .firebugBlockBackgroundColor {
            background-color: transparent !important;
        }

        .firebugResetStyles:before, .firebugResetStyles:after {
            content: "" !important;
        }

        /**actual styling to be modified by firebug theme**/
        .firebugCanvas {
            display: none !important;
        }

        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
        .firebugLayoutBox {
            width: auto !important;
            position: static !important;
        }

        .firebugLayoutBoxOffset {
            opacity: 0.8 !important;
            position: fixed !important;
        }

        .firebugLayoutLine {
            opacity: 0.4 !important;
            background-color: #000000 !important;
        }

        .firebugLayoutLineLeft, .firebugLayoutLineRight {
            width: 1px !important;
            height: 100% !important;
        }

        .firebugLayoutLineTop, .firebugLayoutLineBottom {
            width: 100% !important;
            height: 1px !important;
        }

        .firebugLayoutLineTop {
            margin-top: -1px !important;
            border-top: 1px solid #999999 !important;
        }

        .firebugLayoutLineRight {
            border-right: 1px solid #999999 !important;
        }

        .firebugLayoutLineBottom {
            border-bottom: 1px solid #999999 !important;
        }

        .firebugLayoutLineLeft {
            margin-left: -1px !important;
            border-left: 1px solid #999999 !important;
        }

        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
        .firebugLayoutBoxParent {
            border-top: 0 none !important;
            border-right: 1px dashed #E00 !important;
            border-bottom: 1px dashed #E00 !important;
            border-left: 0 none !important;
            position: fixed !important;
            width: auto !important;
        }

        .firebugRuler {
            position: absolute !important;
        }

        .firebugRulerH {
            top: -15px !important;
            left: 0 !important;
            width: 100% !important;
            height: 14px !important;
            background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important;
            border-top: 1px solid #BBBBBB !important;
            border-right: 1px dashed #BBBBBB !important;
            border-bottom: 1px solid #000000 !important;
        }


        .overflowRulerX > .firebugRulerV {
            left: 0 !important;
        }

        .overflowRulerY > .firebugRulerH {
            top: 0 !important;
        }

        /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
        .fbProxyElement {
            position: fixed !important;
            pointer-events: auto !important;
        }
    </style>
</head>

<body ryt14337="1" style="background: none repeat scroll 0% 0% rgb(213, 213, 214);" id="body">
    <a name="top"></a>
    <script type="text/javascript" src="js/mobile/index.js"></script>
    <script type="text/javascript">$('body').css('background', '#d5d5d6');
        $(function () {
            $('.new-footer').css('margin-top', '0px');
        })
    </script>

    <div class="new-ct main">
        <style>
            .swiper-container {
                /*height: 21em;*/
                height:100%;
            }
            .swiper-container .swipe-wrap .swiper-slide img{
            /*height:20am*/
            }
            .swiper-container{ position:relative;overflow:hidden; height:23em;}
            #hanner_top .swiper-container{ width:36em; overflow:hidden;}
            .swiper-container .swipe-wrap{ position:relative;overflow:hidden;}
            .swiper-container .swipe-wrap .swiper-slide{float:left; position:relative;overflow:hidden;text-align:center; width:36em;}
            .swiper-container .swipe-wrap .swiper-slide a{display:block; }
            .swiper-container .swipe-wrap .swiper-slide img{height:auto;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}
            .swiper-container .swiper-pagination{width:100%;clear:both;bottom:.5em;text-align:center}
            .swiper-container .swiper-pagination .swiper-pagination-switch{width:1em;height:1em;margin:0 .4em;display:inline-block;-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em;background-color:#fff;filter:alpha(Opacity=80);opacity:.8}
            .swiper-container .swiper-pagination .swiper-active-switch{background-color:#414141}
            .swiper-slide .text{ width:100%; height:3.05em; background:#59b012; position:absolute; bottom:0.1em; left:0; line-height:0.4em; z-index:1000; color:#fff; text-align:left; padding:1.5em 0 0 0.2em;}
            .swiper-slide .text a{ color:#fff;}
            .swiper-slide .text a h1{ font-size:1.2em; font-weight:normal;}
            .swiper-slide .text a h4{ font-size:0.8em;}
            .swiper-slide .text a h4 strong{ font-size:1.5em; font-weight:normal;margin-right:0.5em;}
            .pagination {
                position:relative;
                left: 0;
                text-align: center;
                width: 100%;
                margin-top:-14em;
            }
            .swiper-pagination-switch {
                 display: inline-block;
                 width: 8px;
                 height: 8px;
                 border-radius: 10px;
                 background: #fff;
                 box-shadow: 0px 1px 2px #fff inset;
                 margin: 0 4px;
                 cursor: pointer;
             }
            .swiper-active-switch {
                background: red;
            }
        </style>
        <section class="device">
          {$our_ads}
        </section>
        <script>
            var mySwiper = new Swiper('.swiper-container',{
                pagination: '.pagination',
                loop:true,
                autoplay:3000,
                grabCursor: true,
                paginationClickable: true
            });
        </script>
        <div style="height:26px"></div>

        <div class="logo">
            <img style="width:22%" src="images/mobile/m_logo.jpg" alt="logo">
        </div>
        <div style="height:20px"></div>

        <div class="search" style="position:relative">
            <span class="input-box">
                <form name="searchForm" method="get" action="search.php" id="searchForm">
                    <input autocomplete="off" name="sid" value="" type="hidden">
                    <input autocomplete="off" name="keywords" id="newkeyword" class="new-input" required="" type="text">
                    <a href="javascript:void(0)" onclick="$('#searchForm').submit();" class="btn-search"><span>search</span></a>
                </form>
            </span>
            <div class="new-srch-lst" id="shelper" style="position: absolute; top: 2em; left: 3.28em; z-index: 10; width: 404.2px; display: none;"></div>
        </div>

        <div class="category">
            <ul class="cate-menu tbl-type" id="categoryMenu">
                <li class="tbl-cell route1 route">
                    <a href="goods_list.php" class="menu1" onclick="clickResponse(this)" res="1">
                        <span class="menu1-icon"><span></span></span>
                        <span class="cate-name">全部分类</span>
                    </a>
                </li>
                <li class="tbl-cell route2 route">
                    <a href="flow.php" id="html5_cart" class="menu2" onclick="clickResponse(this)" res="1">
                        <span class="menu2-icon"><span></span></span>
                        <span class="cate-name">购物车</span>
                    </a>
                </li>
                <li class="tbl-cell route3 route">
                    <a href="user.php" class="menu3"
                       onclick="clickResponse(this)" res="1">
                        <span class="menu3-icon"><span></span></span>
                        <span class="cate-name">个人中心</span>
                    </a>
                </li>
                <li class="tbl-cell route4 route">
                    <a href="help.php" class="menu4"
                       onclick="clickResponse(this)" res="1">
                        <span class="menu4-icon"><span></span></span>
                        <span class="cate-name">帮助中心</span>
                    </a>
                </li>
                <li class="tbl-cell route5 route">
                    <a href="share.php" class="menu6"
                       onclick="clickResponse(this)" res="1">
                        <span class="menu6-icon"><span></span></span>
                        <span class="cate-name">分享</span>
                    </a>
                </li>
            </ul>
        </div>
        <div style="margin-top:42px"></div>

        <!--限时抢购 start-->
        {if $miaosha_info}
        <div class="ad2 ad2-v1">
            <h2 class="ad-h2" style="color:#EE595F">限时抢购</h2>
            <div class="ad2-big-img  d_center_n1" style="height:auto;width:23em;">
                {foreach from=$miaosha_info item=val}
                <div class="d_left " style="width:7.00em;">
                    <a href="{$val.url}">
                        <img src="../{$val.goods_img}" style="width:6em;height:5.4em">
                    </a>
                    <div class="m_span  d_left" style="height:1.2em">
                        <div class="m_limitbuy_title">{$val.name}</div>
                        <div style="height:6px"></div>
                    </div>
                    <div class="d_clear"></div>

                    <div class="d_center" style="width:7.00em">
                        <div style="height:10px"></div>
                        <div class="d_left m_price_1">{$val.shop_price}</div>
                        <div class="d_left m_price_2">
                           {$val.market_price}
                        </div>
                    </div>
                </div>
                {/foreach}
                <div class="d_clear"></div>
            </div><br>
        </div>
        {/if}
        <!--限时抢购 end-->

        <!--热销榜 start-->
        {if $hot_goods}
        <div class="ad2">
            <h2 class="ad-h2">本周热销榜</h2>
            <div class="tbl-type">
                <div class="tbl-cell" style="height:8.00em">
                    <a href="{$hot_goods.0.url}"  class="ad-border">
                        <img src="../{$hot_goods.0.goods_img}" class="half-img" style="height:30px;width:100%;overflow:hidden" alt="" width="80">
                    </a>
                    <div class="m_span  d_center" style="height:2.5em;width:7em">
                        <div style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$hot_goods.0.name}</div>
                        <div style="height:6px"></div>
                    </div>
                    <div class="d_clear"></div>
                    <div class="d_center" style="width:80%">
                        <div style="height:0.20em" ></div>
                        <div style="font-size:0.80em;color:#BD0600;font-weight: 800;margin-left:3.00em" class="d_left">{$hot_goods.0.shop_price}</div>
                        <div style="font-size:0.50em;color:#8D8D8D;font-weight: 400;text-decoration:line-through;margin-left:1.00em" class="d_left">
                            {$hot_goods.0.market_price}
                        </div>
                        <div class="d_clear"></div>
                    </div>
                </div>

                <div class="tbl-cell">
                    {if $hot_goods.1}
                    <div style="height:8em">
                        <a href="{$hot_goods.1.url}"  class="ad-border">
                            <img src="../{$hot_goods.1.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$hot_goods.1.name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">{$hot_goods.1.shop_price}</span>
                    </div><br>
                    {/if}
                    {if $hot_goods.2}
                    <div class="">
                        <a href="{$hot_goods.2.url}" class="ad-border">
                            <img src="../{$hot_goods.2.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$hot_goods.2.name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">{$hot_goods.2.shop_price}</span>
                    </div>
                    {/if}
               </div>
            </div>
        </div>
        {/if}
        <!--热销榜 end-->

        <!--酷评商品 start-->
        {if $comment_list_top}
        <div class="ad2">
            <h2 class="ad-h2">酷评商品</h2>
            <div class="tbl-type">
                <div class="tbl-cell" style="height:8.00em">
                    <a href="goods.php?id={$comment_list_top.0.goods_id}"  class="ad-border">
                        <img src="../{$comment_list_top.0.goods_img}" class="half-img" style="height:50px;width:100%;overflow:hidden" alt="" width="80">
                    </a>
                    <div class="m_span  d_center">
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$comment_list_top.0.goods_name}</span>
                        <div style="height:6px"></div>
                    </div>
                    <div class="d_clear"></div>
                    <div class="d_center" style="width:80%">
                        <div style="height:0.80em" ></div>
                        <div style="font-size:0.80em;color:#BD0600;font-weight: 800;margin-left:3.00em" class="d_left">￥{$comment_list_top.0.shop_price}</div>
                        <div style="font-size:0.50em;color:#8D8D8D;font-weight: 400;text-decoration:line-through;margin-left:1.00em" class="d_left">
                           ￥{$comment_list_top.0.market_price}
                        </div>
                        <div class="d_clear"></div>
                    </div>
                </div>
                <div class="tbl-cell">
                    {if $comment_list_top.1}
                    <div class="" style="height:8em">
                        <a href="goods.php?id={$comment_list_top.1.goods_id}"  class="ad-border">
                            <img src="../{$comment_list_top.1.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$comment_list_top.1.goods_name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">￥{$comment_list_top.1.shop_price}</span>
                    </div><br>
                    {/if}
                    {if $comment_list_top.2}
                    <div class="">
                        <a href="goods.php?id={$comment_list_top.1.goods_id}"  class="ad-border">
                            <img src="../{$comment_list_top.2.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$comment_list_top.2.goods_name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">￥{$comment_list_top.2.shop_price}</span>
                    </div>
                    {/if}
                </div>
            </div>
        </div>
        {/if}
        <!--酷评商品 end-->

        <!--推荐商品 start-->
        {if $best_goods}
        <div class="ad2">
            <h2 class="ad-h2">推荐商品</h2>
            <div class="tbl-type">
                <div class="tbl-cell" style="height:8.00em">
                    <a href="{$best_goods.0.url}"  class="ad-border">
                        <img src="../{$best_goods.0.goods_img}" class="half-img" style="height:50px;width:100%;overflow:hidden" alt="" width="80">
                    </a>
                    <div class="m_span  d_center">
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$best_goods.0.name}</span>
                        <div style="height:6px"></div>
                    </div>
                    <div class="d_clear"></div>
                    <div class="d_center" style="width:80%">
                        <div style="height:0.80em" ></div>
                        <div style="font-size:0.80em;color:#BD0600;font-weight: 800;margin-left:3.00em" class="d_left">{$best_goods.0.shop_price}</div>
                        <div style="font-size:0.50em;color:#8D8D8D;font-weight: 400;text-decoration:line-through;margin-left:1.00em" class="d_left">
                            {$best_goods.0.market_price}
                        </div>
                        <div class="d_clear"></div>
                    </div>
                </div>
                <div class="tbl-cell">
                    {if $best_goods.1}
                    <div class="" style="height:8em">
                        <a href="{$best_goods.1.url}"  class="ad-border">
                            <img src="../{$best_goods.1.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$best_goods.1.name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">{$best_goods.1.shop_price}</span>
                    </div><br>
                    {/if}
                    {if $best_goods.1}
                    <div class="">
                        <a href="{$best_goods.2.url}"  class="ad-border">
                            <img src="../{$best_goods.2.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$best_goods.2.name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">{$best_goods.2.shop_price}</span>
                    </div>
                    {/if}
                </div>
            </div>
        </div>
        {/if}
        <!--推荐商品 end-->

        <!--最新产品 start-->
        {if $new_goods}
        <div class="ad2">
            <h2 class="ad-h2">最新产品</h2>
            <div class="tbl-type">
                <div class="tbl-cell" style="height:8.00em">
                    <a href="{$new_goods.0.url}">
                        <img src="../{$new_goods.0.goods_img}" class="half-img" style="height:50px;width:100%;overflow:hidden" alt=" " width="80">
                    </a>
                    <div class="m_span  d_center">
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$new_goods.0.name}</span>
                        <div style="height:6px"></div>
                    </div>
                    <div class="d_clear"></div>
                    <div class="d_center" style="width:80%">
                        <div style="height:0.80em" ></div>
                        <div style="font-size:0.80em;color:#BD0600;font-weight: 800;margin-left:3.00em" class="d_left">{$new_goods.0.shop_price}</div>
                        <div style="font-size:0.50em;color:#8D8D8D;font-weight: 400;text-decoration:line-through;margin-left:1.00em" class="d_left">
                            {$new_goods.0.market_price}
                        </div>
                        <div class="d_clear"></div>
                    </div>
                </div>
                {if $new_goods.1}
                <div class="tbl-cell">
                    <div class="" style="height:8em">
                        <a href="{$new_goods.1.url}"  class="ad-border">
                            <img src="../{$new_goods.1.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$new_goods.1.name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">{$new_goods.1.shop_price}</span>
                    </div><br>
                {/if}
                {if $new_goods.2}
                    <div class="">
                        <a href="{$new_goods.2.url}"  class="ad-border">
                            <img src="../{$new_goods.2.goods_img}"  class="m_product_r d_left">
                        </a>
                        <div style="height:2.5em"></div>
                        <span style="font-size:0.6em;word-wrap:break-word;word-break:keep-all">{$new_goods.2.name}</span><br>
                        <div style="height:0.6em"></div>
                        <span class="m_price_3">{$new_goods.2.shop_price}</span>
                    </div>
                 {/if}
                </div>
            </div>
        </div>
        {/if}
        <!--最新产品 end-->
    </div>

    <script>
        //活动轮播图
        var picCount = $("#activity").val();
        $(".pic-num1").css("width", (picCount * 30) + "px");
        var forEach = function (array, callback) {
            for (var i = 0, len = array.length; i < len; i++) {
                callback.call(this, array[i], i);
            }
        }
        var st = createPicMove("idContainer2", "idSlider2", picCount);	//图片数量更改后需更改此数值
        var nums = [];
        //插入数字
        for (var i = 0, n = st._count - 1; i <= n; i++) {
            var li = document.createElement("li");
            nums[i] = document.getElementById("idNum").appendChild(li);
        }
        //设置按钮样式
        st.onStart = function () {
            //forEach(nums, function(o, i){ o.className = ""})
            forEach(nums, function (o, i) {
                o.className = st.Index == i ? "new-tbl-cell on" : "new-tbl-cell";
            })
        }
        // 重新设置浮动
        $("#idSlider2").css("position", "relative");

        var _initX = 0;
        var _finishX = 0;
        var _startX = 0;
        var _startY = 0;
        function touchStart(event) {
            _startX = event.touches[0].clientX;
            _startY = event.touches[0].clientY;
            _initX = _startX;
        }
        function touchMove(event) {
            var touches = event.touches;
            var _endX = event.touches[0].clientX;
            var _endY = event.touches[0].clientY;
            if (Math.abs(_endY - _startY) > Math.abs(_endX - _startX)) {
                return;
            }
            event.preventDefault();
            _finishX = _endX;
            var _absX = Math.abs(_endX - _startX);
            var lastX = $('#idSlider2').css('left').replace('px', '');
            if (_startX > _endX) {
                st.Stop();
                $('#idSlider2').css('left', (parseInt(lastX) - _absX) + 'px');
            } else {
                st.Stop();
                $('#idSlider2').css('left', (parseInt(lastX) + _absX) + 'px');
            }
            _startX = _endX;
        }
        //触屏  离开屏幕事件
        function touchEnd(event) {
            if (_finishX == 0) {
                return;
            }
            if (_initX > _finishX) {
                bindEvent(_initX, _finishX);
            } else if (_initX < _finishX) {
                bindEvent(_initX, _finishX);
            }
            _initX = 0;
            _finishX = 0;
        }

        /**
         *  绑定触屏触发事件
         * @param start
         * @param end
         */
        function bindEvent(start, end) {
            if (start >= end) {
                st.Next();
            } else {
                st.Previous();
            }
        }
        st.Run();
        var resetScrollEle = function () {
            $("#shelper").css("width", $("#newkeyword").width() + "px");
            var slider2Li = $("#idSlider2 li");
            slider2Li.css("width", $(".scroll-wrapper").width() + "px");
            $("#shelper").css("width", $("#newkeyword").width() + "px");
        }

        window.addEventListener("resize", function () {
            st.Change = st._slider.offsetWidth / st._count;
            st.Next();
            resetScrollEle();
        });
        window.addEventListener("orientationchange", function () {
            st.Change = st._slider.offsetWidth / st._count;
            st.Next();
            resetScrollEle();
        })
        resetScrollEle();

        $(function () {
            //根据cookie判断用户是否已经主动取消，主动取消了则不再出现提醒
            var cookieName = "ucTip";
            var cancel = false;
            var start = document.cookie.indexOf(cookieName + "=");
            if (start != -1) {
                start = start + cookieName.length + 1;
                var end = document.cookie.indexOf(";", start);
                if (end == -1) {
                    end = document.cookie.length;
                }
                var ucTip = document.cookie.substring(start, end);
                if (ucTip == '1') {
                    cancel = true;
                }
            }
            if (!cancel) {
                //外层div元素
                var ucElement = $('<div>').attr('id', 'ucTip').css({"position": "fixed", "bottom": "30%", "z-index": "10001", "border": "0", "display": "none"});
                //frame元素，目前UC只支持该接入类型
                var ucFrame = $('<iframe>').css({"height": "160px", "width": "320px", "border": "0px"}).attr('src', 'http://app.uc.cn/appstore/AppCenter/frame?uc_param_str=nieidnutssvebipfcp&api_ver=2.0&id=445&bg=#ffffff');
                ucElement.append(ucFrame);
                //将元素添加到页面
                $('body').append(ucElement);
                //回调方法
                window.addEventListener("message", function (event) {
                    var dt = event.data.type;
                    var dm = event.data.message;
                    //判断出现的情况
                    if (dm != 'not android uc' && dm != 'not exist' && dm != 'browser version error' && dm != 'already exist' && dm != undefined) {
                        $('#ucTip').show();
                    }
                    //判断隐藏的情况
                    if (dm == 'success' || dm == 'cancle' || dm == 'close') {
                        $('#ucTip').hide();
                        //如果用户主动取消，则记录到cookie，30天内不再提醒
                        if (dm == 'cancle') {
                            var expires = new Date();
                            expires.setTime(expires.getTime() + 30 * 24 * 60 * 60 * 1000);
                            document.cookie = cookieName + '=1;expires=' + expires.toGMTString() + ';path=/;domain=.jd.com';
                            document.cookie = cookieName + '=1;expires=' + expires.toGMTString() + ';path=/;domain=.360buy.com';
                        }
                    }
                }, false);
            }
        });
        function clickResponse(obj) {
            $('[res]').removeClass('on');
            $(obj).addClass('on');
            setTimeout(function () {
                $(obj).removeClass('on');
            }, 700);
        }
        $("#newkeyword").focus(function () {
            setTimeout(function () {
                window.scrollTo(0, $("#newkeyword").offset().top - 60);
            }, 10);
        });
        $(document).ready(function () {
            $("#categoryMenu li").addClass("route");
        })
    </script>

    <div style="width: 10px;height: 10px"></div>
    <style>
        .login-area {
            padding-bottom: 1.8em;
            text-align: center;
            width: 100%;
            max-width: 640px;
            background-color: #fff;
            margin: 0 auto
        }

        .login-area a {
            color: #666
        }

        .login-area .lg-bar {
            display: inline-block;
            margin: 0 2px;
            color: #666
        }

        .login-area .login {
            padding: 1.55em 1.71em;
            border-bottom: 0px solid #e5e5e5;
            text-align: left
        }

        .new-fl {
            float: left
        }

        .new-fr {
            float: right
        }

        .version {
            padding: .71em 0 5px
        }

        .version a {
            padding: 0 1.16em;
            color: #6e6e6e
        }

        .version a.on {
            color: #e6242b
        }

        .copyright {
            font-size: 12px;
            color: #666
        }
    </style>
    <div class="login-area" id="footer" style="background: none repeat scroll 0 0 #fff;padding-top:0;padding-bottom:0;">
        <div style="width:100%;margin-bottom: 5px" class="d_center">
            <div class="login" >
                <span class="new-fl">
                    {if $user_name neq null}
                    <a>{$user_name}</a><span class="lg-bar">|</span><a href="user.php?act=logout">退出</a>
                    {else}
                    <a href="user.php">登录</a><span class="lg-bar">|</span><a href="user.php?act=register">注册</a>
                    {/if}
                </span>
                <span class="new-fr"><a href="user.php?act=message_list">反馈</a><span class="lg-bar">|</span><a href="#top">回到顶部</a></span>
            </div>
        </div>
        <div class="version" id="clientArea">
            <a href="javascript:void(0)" class="on">触屏版</a>
            <a href="index.php?computer=1">电脑版</a>
        </div>
        <div class="copyright">©mp.p.com</div>
    </div>

</body>
</html>